<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=yes" />
        <title>橡木匣子/评鉴</title>
        <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" >
        <link rel="stylesheet" type="text/css" href="css/ziliao/details.css"/>
        <script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.masonry.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="css/header.css" />
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <link rel="stylesheet" href="css/jquery-ui.css">
        <script src="js/jquery-ui.js" type="text/javascript" charset="utf-8"></script>

        <style type="text/css">
            .ui-autocomplete-category {
                font-weight: bold;
                padding: .2em .4em;
                margin: .8em 0 .2em;
                line-height: 1.5;
                background-color: #F2F2F2;
            }
        </style>
    </head>
    <script type="text/javascript">
        $.widget("custom.catcomplete", $.ui.autocomplete, {
            _renderMenu: function (ul, items) {
                var that = this,
                        currentCategory = "";
                $.each(items, function (index, item) {
                    if (item.category != currentCategory) {
                        ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
                        currentCategory = item.category;
                    }
                    that._renderItemData(ul, item);
                });
            }
        });
    </script>
    <body>
        <div id="container">
            <header id="daohang">
                <nav>
                    <ul class="nav_left">
                        <a href="home.html"><li class="logo"><img src="img/home/logo5.png"/></li></a>
                        <li><input type="search" name="search" id="autocomplete" value="" class="search" style="background-image: url(img/home/u345.png);background-size: 30px 30px;background-repeat: no-repeat;background-position-x: 2px;background-position-y: 2px;"/></li>
                        <a href="ziLiao.html"><li class="qh">资料</li></a>
                        <a href="dongTai.html"><li class="qh">动态</li></a>
                        <a href="huaTi.html"><li class="qh">话题</li></a>
                    </ul>
                    <ul class="nav_right">

                        <a href="faBuZiLiao.html" target="_blank"><li class="anniu"><input type="button" id="" value="发布资料" class="fabubtn"/></li></a>

                        <a href="geRenZhongXin.html"><li class="userinfo">
                                <img src="img/home/u333.png"/>
                                <span class="username">
                                    张敏一二三四
                                </span>
                                <div class="info">
                                    <ul>
                                        <a href="geRenZhongXin.html"><li class="my">我的主页</li></a>
                                        <a href="#"><li class="message">站内消息</li></a>
                                        <a href="#"><li class="set">设置</li></a>
                                        <a href="#"><li class="exit">退出登录</li></a>
                                    </ul>
                                </div>
                            </li></a>

                    </ul>
                </nav>
            </header>
            <div id="pageContent">

                <div id="content">
                    <div class="title">
                        <nav>
                            <ul>
                                <li class="zx bg">最新</li>
                                <li class="rm">热门</li>
                                <li class="tj">推荐</li>

                            </ul>
                        </nav>
                    </div>
                    <!--最新部分内容-->
                    <div class="ziLiaoZhanShi" id="zuiXin">
                        <div id="pubul">
                            <ul>
                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u46.jpg" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u212.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u415.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u423.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u426.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u427.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u417.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u208.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u202.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u204.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>




                            </ul>
                        </div>
                    </div>

                    <!--热门部分内容-->
                    <div id="reMen" class="ziLiaoZhanShi">
                        <div id="showWaterFull">
                            <ul>
                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u426.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u427.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u417.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u46.jpg" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>

                        </div>












                    </div>

                    <!--推荐部分-->
                    <div id="tuiJian" class="ziLiaoZhanShi">
                        <div id="tjzl">
                            <ul>
                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u426.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u427.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u417.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u426.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u427.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>


                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u417.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u46.jpg" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u210.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                                <a href="ziLiaoXiangQing.html">
                                    <li class="box">
                                        <div class="b_pic">
                                            <img src="img/home/u206.png" />
                                        </div>
                                        <div class="b_text">
                                            <div class="tit">
                                                现代梦幻酒吧室内设计
                                            </div>
                                            <ul class="biaoqian">
                                                <li><a href="#">建筑设计</a></li>

                                                <li><a href="#">室内设计</a></li>

                                                <li><a href="#">商业地产</a></li>
                                            </ul>
                                            <ul class="zanGuanzhu">
                                                <li class="zanImg"><img src="img/home/tab_like.png" /></li>
                                                <li class="zanCounts">30</li>
                                                <li class="guanzhuImg"><img src="img/home/tab_collect.png" /></li>
                                                <li class="guanzhuCounts">30</li>
                                            </ul>
                                            <div class="jieShao" style="text-overflow: ellipsis;">
                                                上升的建筑，用于杭州亚运会，本人历经1年多时间，经过
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>

                        </div>
                    </div>
                </div>
                <footer id="foot">
                    <ul>
                        <li><a href="#">橡木匣子指南</a></li>
                        <li><a href="#">橡木匣子协议</a></li>
                        <li><a href="#">友情链接</a></li>
                        <li><a href="#">人才招聘</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><span id="banquan">©</span>杭州墨客科技有限公司</li>
                    </ul>
                </footer>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $(window).resize(function () {
                    location.reload(true);
                });

                //实现瀑布流插件
                var $container = $('#pubul');
                $container.imagesLoaded(function () {
                    $container.masonry({
                        itemSelector: '.box',
                        columnWidth: 5 //每两列之间的间隙为5像素
                    });
                });

                function diaoyong() {
                    //实现瀑布流插件
                    var $container = $('#showWaterFull');
                    $container.imagesLoaded(function () {
                        $container.masonry({
                            itemSelector: '.box',
                            columnWidth: 5 //每两列之间的间隙为5像素
                        });
                    });
                }
                function tjdiaoyong() {
                    //实现瀑布流插件
                    var $container = $('#tjzl');
                    $container.imagesLoaded(function () {
                        $container.masonry({
                            itemSelector: '.box',
                            columnWidth: 5 //每两列之间的间隙为5像素
                        });
                    });
                }

                $(".userinfo").hover(function () {
                    $(".info").slideDown("fast");
                }, function () {
                    $(".info").slideUp("10");
                })

                $("#content .title .zx").click(function () {

                    $(this).css("background-color", "#F2F2F2");
                    $(this).siblings().css("background-color", "white");
                    $("#zuiXin").show();
                    $("#reMen").hide();
                    $("#tuiJian").hide();

                })

                $("#content .title .rm").click(function () {
                    diaoyong();
                    $(this).css("background-color", "#F2F2F2");
                    $(this).siblings().css("background-color", "white");
                    $("#reMen").show();
                    $("#zuiXin").hide();
                    $("#tuiJian").hide();
                })

                $("#content .title .tj").click(function () {
                    tjdiaoyong();
                    $(this).css("background-color", "#F2F2F2");
                    $(this).siblings().css("background-color", "white");
                    $("#tuiJian").show();
                    $("#zuiXin").hide();
                    $("#reMen").hide();
                })


                //及时搜索
                var countries = [
                    {value: '室内设计', data: '', category: '分类'},
                    {value: '室内装修', data: '室内', category: '分类'},
                    {value: '室内环保', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '室内设计', data: '室内', category: '分类'},
                    {value: '某宾馆室内设计', data: '室内', category: '话题'},
                    {value: '某大厦室内设计', data: '室内', category: '话题'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '某宾馆室内设计', data: '室内', category: '资料'},
                    {value: '某大厦室内设计', data: '室内', category: '资料'},
                    {value: '小龙女      室内设计师', data: '室内', category: '用户'},
                    {value: '更多室内相关资料...', data: '室内', category: '更多'},
                    // ...
                    {value: 'Zimbabwe', data: 'ZZ'}
                ];


                $('#autocomplete').catcomplete({
                    delay: 0,
                    source: countries,
                    select: function (event, ui) {
                        var type = ui.item.category
                        if (type.trim() == "分类") {
                            window.location.href = "souSuojieguo.html"
                        }
                        if (type.trim() == "话题") {
                            window.location.href = "souSuojieguo.html?name=huati"
                        }
                        if (type.trim() == "资料") {
                            window.location.href = "souSuojieguo.html?name=ziliao"
                        }
                        if (type.trim() == "用户") {
                            window.location.href = "souSuojieguo.html?name=yonghu"
                        }
                    }
                });

            })
        </script>
    </body>
</html>
